<!doctype html>
<html>
    <head>
        <meta charset="UTF-8" />
        <script src="/webui.js"></script>

        <link rel="icon" type="image/png" href="img/icon.png" />
        <title>Text Editor in C using WebUI</title>
        <link rel="stylesheet" href="css/style.css" />
        <link rel="stylesheet" href="css/lucario.css" />
        <link rel="stylesheet" href="css/codemirror.min.css" />
        <link rel="stylesheet" href="css/all.min.css" />
    </head>
    <body>
        <div class="topbar"></div>
        <nav>
            <button id="open-btn" title="Open file" type="button"><i class="fas fa-folder-open"></i></button>
            <button id="save-btn" title="Save file" type="button" disabled><i class="fa fa-floppy-disk"></i></button>
            <button id="__close-btn" title="Close file" type="button"><i class="fas fa-circle-xmark"></i></button>
            <button id="about-btn" title="About Info" type="button"><i class="fas fa-question-circle"></i></button>
        </nav>
        <div class="main" id="main">
            <textarea id="editor"></textarea>
        </div>
        <div id="about-box" class="about-box">
            <div class="about-box-content">
                <h1>WebUI Text Editor</h1>
                v1.1
                <p>Example of a text editor software in C using WebUI library.</p>
                <p><a href="https://webui.me" target="_blank">webui.me</a> | (C)2023 Hassan Draga</p>
            </div>
        </div>
        <script src="js/codemirror.min.js"></script>
        <script src="js/xml.min.js"></script>
        <script src="js/css.min.js"></script>
        <script src="js/javascript.min.js"></script>
        <script src="js/clike.min.js"></script>
        <script src="js/python.min.js"></script>
        <script src="js/ui.js"></script>
    </body>
</html>
